我一直在尝试布局此页面，但就我的生活而言，似乎无法让它按我想要的方式工作。Window=blackTitlebar=redContentdiv=blueVerticalscrollbar=greenHorizontalscrollbar=yellow最小标题栏/内容div宽度为1024像素，会增长到窗口大小。我可能完全想多了，答案可能比我尝试的要简单得多。基本上我想在页面顶部有一个固定的标题栏div，它永远不会垂直滚动。如果它不适合水平窗口，我希望水平滚动条滚动标题栏和内容。如果内容div高于窗口高度，我希望它滚动，否则我希望它延伸到页面底部。在大多数情况下，我对如何设置这些div几乎

如何扩展顶部面板(标记为红色)以覆盖页面的整个宽度(标记为绿色)？所有宽度都必须相同。第二个类似的问题。我需要在bootom添加第7个表。如何做到，让它们都具有相同的宽度？在线演示:bootply我的代码在这里:HeadingDonecidelitnonmiportagravidaategetmetus.Fuscedapibus,tellusaccursuscommodo,tortormauriscondimentumnibh,utfermentummassajustositametrisus.Etiamportasemmalesuadamagnamolliseuismod.Donec

如何扩展顶部面板(标记为红色)以覆盖页面的整个宽度(标记为绿色)？所有宽度都必须相同。第二个类似的问题。我需要在bootom添加第7个表。如何做到，让它们都具有相同的宽度？在线演示:bootply我的代码在这里:HeadingDonecidelitnonmiportagravidaategetmetus.Fuscedapibus,tellusaccursuscommodo,tortormauriscondimentumnibh,utfermentummassajustositametrisus.Etiamportasemmalesuadamagnamolliseuismod.Donec

我在另一个div内的div中有一个table。直接容器的宽度为40%，我希望表格与此div一样宽，方法是设置width:100%。相关标记这在大多数情况下都有效，但是根据浏览器窗口的宽度，表格的宽度有时会偏离一个像素:如您在右侧所见，边框是同级div.info左侧的一个像素。这些边界应该对齐。相关CSS#userListContainer{width:40%;float:left;}.info{display:block;line-height:22px;height:22px;padding-left:10px;}#userListContainer.info{border-righ

我在另一个div内的div中有一个table。直接容器的宽度为40%，我希望表格与此div一样宽，方法是设置width:100%。相关标记这在大多数情况下都有效，但是根据浏览器窗口的宽度，表格的宽度有时会偏离一个像素:如您在右侧所见，边框是同级div.info左侧的一个像素。这些边界应该对齐。相关CSS#userListContainer{width:40%;float:left;}.info{display:block;line-height:22px;height:22px;padding-left:10px;}#userListContainer.info{border-righ

我不确定标题是否清楚，所以解释不多。我有一些小元素，比方说div的(200pxx400pxCONSTANT)。在他们每个人的里面，都有一个段落，大约有20行文字。当然，这对一个可怜的小div来说太重要了。我想做的是:通常div有overflow:hidden属性。在鼠标悬停(:hover)时，此属性更改为overflow:auto;，并出现滚动条。问题是什么？我想要段落文本和滚动条之间有一点空间(填充或边距)。假设该段落有一个对称的margin:20px;。但是在:hover触发后，滚动条出现了，整个段落的右侧向左移动了"scrollbar-width"px。其他行断句，整个段落看起来

我不确定标题是否清楚，所以解释不多。我有一些小元素，比方说div的(200pxx400pxCONSTANT)。在他们每个人的里面，都有一个段落，大约有20行文字。当然，这对一个可怜的小div来说太重要了。我想做的是:通常div有overflow:hidden属性。在鼠标悬停(:hover)时，此属性更改为overflow:auto;，并出现滚动条。问题是什么？我想要段落文本和滚动条之间有一点空间(填充或边距)。假设该段落有一个对称的margin:20px;。但是在:hover触发后，滚动条出现了，整个段落的右侧向左移动了"scrollbar-width"px。其他行断句，整个段落看起来

示例代码我一直想知道为什么background-image不显示，除非我以像素为单位指定图像的宽度和高度。我试图仅以百分比的形式指定宽度，但没有用。w3cschools.com能够在不指定宽度和高度的情况下显示背景图像，但它仅适用于正文背景。任何解释或解决方法？HTMLCSS.pic{background:url("http://i.imgur.com/HIt6f8r.png")no-repeat;display:block;position:relative;width:244px;height:230px;background-size:contain;}

示例代码我一直想知道为什么background-image不显示，除非我以像素为单位指定图像的宽度和高度。我试图仅以百分比的形式指定宽度，但没有用。w3cschools.com能够在不指定宽度和高度的情况下显示背景图像，但它仅适用于正文背景。任何解释或解决方法？HTMLCSS.pic{background:url("http://i.imgur.com/HIt6f8r.png")no-repeat;display:block;position:relative;width:244px;height:230px;background-size:contain;}

我只想清除一件事。如果我使用"container-fluid"类，这意味着我不能在bootstrap.css中有这样的东西:.container-fluid{width:1170px;}我尝试以像素为单位进行设置，但响应性质只是关闭了。在%中设置时有效。换句话说，我的问题是这样的:如何设置容器流体的固定宽度？还是bootstrap开发人员默认情况下并不意味着它？我已经阅读了这个链接:Fluidorfixedgridsystem,inresponsivedesign,basedonTwitterBootstrap但根本找不到任何有关container-fluid.的响应性质和固定宽度的信